<template>
<div class="page">
    <div class="head">
        <RegisterHeader></RegisterHeader>
    </div>
    <div class="main container">
        <RegisterMain></RegisterMain>
    </div>
    <div class="foot">
        <FooterWrapper></FooterWrapper>
    </div>
</div>
</template>

<script>
import RegisterHeader from '@/pages/register/list/RegisterHeader'
import RegisterMain from '@/pages/register/list/RegisterMain'
import FooterWrapper from '@/components/Footer'
export default {
    components: {
        RegisterHeader,
        RegisterMain,
        FooterWrapper
    }
}
</script>

<style lang="less" scoped>
.page {
    width: 100%;
    height: 100%;
    background-color: #f2f2f2;

    .head {
        width: 100%;
    }

    .main {
        margin: 30px auto;
        background-color: #fff;
    }
}
</style>
